<!DOCTYPE html>
<html lang="zh-cmn-Hans">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
		<script type="text/javascript" src="Plug/jquery-1.11.3.min.js"></script>
		<title>美图详情-这里是作品标题！</title>
		<script src="Plug/layer-v3.1.1/layer.js" type="text/javascript" charset="utf-8"></script>
		<!--layer  弹框插件-->
		<link rel="stylesheet" href="static/css/base/reset.css" />

		<!--jqyery-weiui插件 -->
		<link rel="stylesheet" href="Plug/jquery-weui/jquery-weui.min.css">
		<link rel="stylesheet" href="Plug/jquery-weui/weui.min.css">
		<script src="Plug/jquery-weui/js/jquery-weui.js" type="text/javascript" charset="utf-8"></script>
		<script src="Plug/jquery-weui/js/city-picker.js" type="text/javascript" charset="utf-8"></script>
		<!--轮播插件-->
		<link rel="stylesheet" type="text/css" href="Plug/swiper/swiper.min.css" />
		<script src="Plug/swiper/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<!--重置样式-->
		<link rel="stylesheet" href="static/css/base/main.css" />
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_990287_ve6plxka1z.css" />
		<!--阿里云图标库-->
		<script src="static/js/base.js" type="text/javascript" charset="utf-8"></script>
		<!---------------公共导入分割线------------------------>
		<link rel="stylesheet" href="static/css/index_into/index_into.css" />
		<link rel="stylesheet" type="text/css" href="static/css/details/details.css" />
		<!--本页样式-->
	</head>

	<body>
		<!--存在bar加此wrap-->
		<div class="have_bar_wrap">
			<!--详情顶部信息-->
			<div class="details_tit flex_cc">
				<a class="link_a" href="my_info.html">
					<img class="details_tit_head" src="static/images/changkuan12.png" />
				</a>
				<div class="details_tit_middle">
					<div class="details_tit_middle_t">
						<span>你有个小秘密</span>
						<i class="iconfont icon-woman"></i>
					</div>
					<div class="details_tit_middle_b">
						<span>模特</span>
						<b class="real_name_icon">已实名</b>
						<b class="guarantee_icon">信用担保</b>
					</div>
				</div>
				<div class="details_tit_r">
					<!--<div class="details_tit_rt flex_cc">
						<i class="iconfont icon-time-circle"></i>
						<span>1小时前</span>
					</div>-->
					<a href="javascript:void(0)" class="details_tit_rb">
						<i class="iconfont icon-jingbao"></i>
						<span>投诉</span>
					</a>
				</div>
			</div>
			<div class="details_main">
				<div class="details_main_info">
					<p class="details_texttop">这里是内容描述</p>
					<p class="details_textlist"><span>拍摄地点：</span>重庆市江北区文星门街7号</p>
				</div>
				<div class="details_imgslist">
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan12.png" />
					<img src="static/images/changkuan11.png" />
					<img src="static/images/changkuan12.png" />
				</div>
				<div class="details_style">
					<span>情侣</span>
					<span>时尚</span>
					<span>清新</span>
					<span>胶片</span>
					<span>日系</span>
				</div>
			</div>
			<div class="list_tit">
				<b class="list_tit_line"></b>
				<span>@创作人员</span>
			</div>
			<div class="swiper-container tuijian">
				<div class="swiper-wrapper">
					<a class="swiper-slide" href="javascript:void(0)"><i class="iconfont icon-huiyuan"></i><img src="static/images/changkuan11.png" />
						<p>月海沫</p>
					</a>
					<a class="swiper-slide" href="javascript:void(0)"><i class="iconfont icon-huiyuan"></i><img src="static/images/changkuan11.png" />
						<p>长安花</p>
					</a>
					<a class="swiper-slide" href="javascript:void(0)"><i class="iconfont icon-huiyuan"></i><img src="static/images/changkuan11.png" />
						<p>gyoemee</p>
					</a>
					<a class="swiper-slide" href="javascript:void(0)"><i class="iconfont icon-huiyuan"></i><img src="static/images/changkuan11.png" />
						<p>月海沫</p>
					</a>
					<a class="swiper-slide" href="javascript:void(0)"><i class="iconfont icon-huiyuan"></i><img src="static/images/changkuan11.png" />
						<p>月海沫s</p>
					</a>
				</div>
			</div>
			<div class="list_tit pj_tit">
				<b class="list_tit_line"></b>
				<div>
					<a onclick="dianzhan()" class="dianzan" href="javascript:void(0)"><i class="iconfont icon-zan"></i>点赞(26)</a>
					<a onclick="open_hudiabox()" class="pingjia" href="javascript:void(0)"><i class="iconfont icon-duihua"></i>评价</a>
				</div>
			</div>
			<div class="huida_wrap">
				<div class="huida_box hide">
					<textarea class="huida_text" placeholder="说说你的评价..." name="" rows="" cols=""></textarea>
					<div class="huida_box_tool flex_cb">
						<a onclick="close_huidabox()" class="close_huidabtn" href="javascript:void(0)">收起<i class="iconfont icon-daohangnavigate3"></i></a>
						<a class="submit_huidabtn" href="javascript:void(0)">提交评论</a>
					</div>
				</div>
			</div>
			<div class="pinjia_list">
				<div class="qa_details_info">
					<div class="qa_details_info_tit flex_cb">
						<div class="qa_details_info_tit_l flex_cl">
							<img src="static/images/changkuan12.png">
							<span>曦曦</span>
						</div>
						<div class="qa_details_info_tit_r flex_cl">
							<span>2018-03-17</span>
							<span>17:38</span>
						</div>
					</div>
					<p class="qa_details_info_content">超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌超级无敌可爱萌</p>
				</div>
			</div>
			<!--<div class="details_zp">
				<div class="details_zp_tit flex_cb">
					<span>Ta的作品</span>
					<a href="javascript:void(0)">Ta的主页</a>
				</div>
				<div class="swiper-container yp_swiper">
					<div class="swiper-wrapper">
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
						<a class="swiper-slide" href="javascript:void(0)"><img src="static/images/changkuan11.png" /></a>
					</div>
				</div>
			</div>-->
			<div class="contact_bottom">
				<a class="contact_bottom_btn1" href="javascript:void(0)"><i class="iconfont icon-home"></i>首页</a>
				<a id="collect" class="contact_bottom_btn1" href="javascript:void(0)"><i class="iconfont icon-heart"></i>收藏</a>
				<a class="contact_bottom_btn2 contact_1" href="javascript:void(0)">极速联系</a>
				<a class="contact_bottom_btn2 contact_2" href="javascript:void(0)">约拍Ta</a>
				<a class="share_contact" href="javascript:void(0)"><i class="iconfont icon-fenxiang2"></i></a>
			</div>
		</div>

		<script type="text/javascript">
			$(function() {
				var tuijian = new Swiper('.tuijian', {
					slidesPerView: "auto",
					spaceBetween: 10,
					speed: 300,
				})
				$(document).on("click", "#collect", function() {
					if($(this).hasClass("collection_ok")) {
						$(this).removeClass("collection_ok");
						$(this).children("i").removeClass("icon-heart-fill").addClass("icon-heart");
						Msg("取消收藏")
					} else {
						$(this).addClass("collection_ok");
						$(this).children("i").addClass("icon-heart-fill").removeClass("icon-heart");
						Msg("收藏成功")
					}
				})
				var yuepailist = new Swiper('.yp_swiper', {
					slidesPerView: 'auto',
					spaceBetween: 10,
					speed: 300,
				})
			})

			function dianzhan() {
				layer.msg("点赞成功！", {
					time: 1000,
					anim: 2
				});
			}
			/*打开评价输入框*/
			function open_hudiabox() {
				$(".huida_box").slideDown(300)
			}
			/*关闭评价输入框*/
			function close_huidabox() {
				$(".huida_box").slideUp(300)
			}
		</script>
	</body>

</html>